<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1" />
    <title></title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/css/swiper.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/js/swiper.min.js"></script>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

    <link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/css3/24/css/css.css">
    <link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/html5/43/css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/html5/43/css/hovertree.css">
    <style type="text/css">

        #div1{width: 650px ;height: 300px;margin:150px auto;}

        #div2{width:600px;height: 500px;background: rgba(203,172,184,.5);margin:130px auto; border: 0;display: none;text-align: center;line-height: 500px;}
        #div2>a{font-size: 25px;color: black;}
    </style>
</head>
<body>
<div class="hovertree" id="top"></div>
<script type="text/javascript" src="http://down.hovertree.com/jquery/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://hovertree.com/texiao/html5/43/js/jquery.fireworks.js"></script>
<script type="text/javascript">
    $('.hovertree').fireworks({
        sound: true, // sound effect
        opacity: 0.9,
        width: '100%',
        height: '100%'
    });
</script>
<div id="div1">
    <div class="ui_base u_p3d"  style="margin-top: 0;">
        <div class="ball_c">
            牛总
        </div>
        <div class="base u_p3d">
            <div class="pan"></div>
            <div class="ball_base u_p3d ball_1">
                <div class="ball">王技术总监</div>
            </div>

            <div class="ball_base u_p3d ball_3">
                <div class="ball">陈需求分析师</div>
            </div>

            <div class="ball_base u_p3d ball_5">
                <div class="ball">晓阳UI设计师</div>
            </div>

        </div>
    </div>
</div>

</div>

<div id="div2">
    <a href="${pageContext.request.contextPath}/W_CookieServlet">主界面</a>

</div>


</body>
</html>
<script type="text/javascript">

    $("#div1").click(function(){
        $("#top").fadeOut(3000);
        $("#div1").slideUp(4000);
        $("#div2").slideDown(2000);

    })


</script>